<template>
  <div class="content">
    <ul class="pl-0">
<!--      <li class="text-center">-->
<!--          <router-link to="/addForm">费用报销</router-link>-->
<!--      </li>-->
      <li class="text-center">
        <router-link to="/nav2">预算管理</router-link>
      </li>
      <li class="text-center">
        <router-link to="/dataList">数据录入</router-link>
      </li>
<!--      <li class="text-center">-->
<!--          <router-link to="">其他</router-link>-->
<!--      </li>-->
    </ul>
  </div>
</template>

<script>
    export default {
      name: "index",

    }
</script>

<style scoped>
  .content{
    padding-top: 10%;
    height: 100%;
    /*background: url("~@/assets/img/bg4.png") no-repeat;*/
    background-size: 100% auto;
    background-position: 0 -100px;
  }
  .content ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .content ul li{
    list-style: none;
    display: inline;
  }
  .content ul li a{
    /*background: ;*/
    color: #4e555b;
    display: inline-block;
    margin: 40px;
    border-radius: 10px;
    width: 210px;
    height: 150px;
    font-size: 24px;
    font-weight: bold;
    /*box-shadow: 0 0 10px #95999c;*/
    border: 4px solid #7abaff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
  }

</style>
